<template>
  <v-app>
    <router-view />
  </v-app>
  
</template>

<script>
export default { name: 'App' }
</script>

<style>
html, body, #app { height: 100%; margin: 0; }

/* global brand tokens */
:root {
  --brand-energy: #5C8F5A; /* primary */
  --brand-water: #5E8197;  /* secondary */
  --brand-dc: #B7ACA1;     /* accent */
  --brand-petroleum: #CBD3DB; /* info */
}

.brand-logo { color: var(--brand-energy); }
.brand-logo--water { color: var(--brand-water); }
.brand-logo--muted { color: var(--brand-petroleum); }
</style>
<style>
/* Ensure dialogs/overlays stack above Leaflet map and page chrome */
.v-dialog__content { z-index: 3500 !important; }
.v-overlay { z-index: 3500 !important; }
</style>
